<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>在线提问</title>
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/mooc.css" />
	</head>
	<style>
		.headbar {
			background-color: #3ac9af;
		}
		
		.mui-icon-left-nav {
			color: white;
		}
		
		.mui-title {
			color: white;
		}
		
		.ques_top {
			width: 100%;
			height: 95px;
			margin-top:15px;
			background-color: #ffffff;
		}
		
		.item_div {
			float: left;
			width: 25%;
			height: 100%;
			text-align: center;
			padding: 10px 0px 0px 0px;
		}
		
		.item_div .c1 img {
			width: 50px;
			height: 50px;
		}
		
		.item_div .c2 {
			color: #555555;
		}
		/*******问题列表*******/
		
		.question_div {
			margin-top: 10px;
		}
		
		.list_title {
			padding: 9px 0px 0px 12px;
			height: 40px;
			background-color: #FFFFFF;
			color: #555555;
		}
		
		.ques_list {
			background-color: white;
		}
		
		.quesitem {
			border-top: 2px solid #efefef;
			padding: 10px 20px 15px 20px;
		}
		
		.quesitem .elseinfo .userimg {
			float: left;
			margin-right: 10px;
		}
		
		.elseinfo .userimg img {
			border-radius: 23px;
			float: left;
			width: 45px;
			height: 45px;
		}
		
		.quesitem p {
			height: 13px;
			margin-left: 50px;
		}
		
		.quesitem .p1 {
			color: #4a4a4a;
		}
		
		.quesitem .c2 {
			float: right;
			color: #34bfa6;
			font-size: 18px;
			margin-right: 3px;
		}
		
		.quesitem .c3 {
			float: right;
			color: #b0b0b0;
			font-size: 10px;
		}
		
		.quesitem .c4 {
			color: #b0b0b0;
		}
		
		.content-value {
			margin-top: 14px;
			color: #6c6c6c;
			font-size: 15px;
			white-space: normal;
		}
		
		.at_user {
			padding: 5px 0px 0px 0px;
			color: #6990ff;
			font-size: 15px;
		}
		
		.addquesbtn {
			position: fixed;
			bottom: 0;
			right: 0;
			margin: 0px 15px 10px 0px;
		}
		
		.addquesbtn img {
			width: 70px;
			height: 70px;
		}
	</style>

	<body>
		<input type="hidden" id="currtype">
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			</a>
			<h1 class="mui-title">在线提问</h1>
		</header>
			<div class="mui-content">
				<!--问题分类按钮start-->
				<div class="ques_top">
					<div class="item_div allques">
						<div class="c1"><img src="../../images/ques_5.png"></div>
						<div class="c2">全部</div>
					</div>
					<div class="item_div myques">
						<div class="c1"><img src="../../images/ques_1.png"></div>
						<div class="c2">我问的</div>
					</div>
					<div class="item_div myanswerques">
						<div class="c1"><img src="../../images/ques_2.png"></div>
						<div class="c2">我答的</div>
					</div>
					<div class="item_div zhangfaques">
						<div class="c1"><img src="../../images/ques_3.png"></div>
						<div class="c2">老师转发</div>
					</div>
				</div>
				<!--问题分类按钮end-->
				<!--问题列表start-->
				<div class="question_div">
					<div class="list_title">问题列表</div>
					<div class="ques_list" id="queslist">
						<!--<div class="quesitem">
						<div class="elseinfo">
							<span class="userimg"><img data-lazyload="1"></span>
							<p class="p1"><span class="c1">李晓娟</span><span class="c3">回复</span><span class="c2">22</span></p>
							<p class="p2"><span class="c4">2016-03-26 12:23</span></p>
						</div>
						<div class="content-value">这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊</div>
						<div class="at_user">@李丽萍、王晓娟</div>
					</div>-->
					</div>

				</div>
				<!--问题列表end-->
				<!--提问按钮start-->
				<div class="addquesbtn">
					<img src="../../images/ques_4.png" />
				</div>
				<!--提问按钮end-->
			</div>
	</body>
	<script type="text/javascript" src="../../js/mui.min.js"></script>
	<script src="../../js/mui.lazyload.js"></script>
	<script src="../../js/mui.lazyload.img.js"></script>
	<script src="../../script/config.js"></script>
	<script src="../../script/moocpublic.js"></script>
	<script src="../../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="script/questionindex.js"></script>

</html>